<template>
	<view class="l-page">
		<view class="container-div flex-column">
			<view class="title-sty flex-center">
				<image src="/static/company/about_title1.png" mode="widthFix" style="width: 260px;"></image>
			</view>
			<view class="content-sty">
				<text>长沙禾数科技有限公司（简称禾数科技）位于湖南省长沙市，成立于2022年3月，是一家专注于为企业提供财税数字化服务的科技企业，禾数科技运用人工智能、支付科技、大数据技术结合产融结合、数字园区等工具针各行企业在不同业务场景下的财税问题。</text>
			</view>
			<view class="content-sty">
				<text>禾数科技旗下主营品牌小禾灵工以互联网平台共享经济理念为思维导向，通过互联网为平台灵活用工人员的合规化结算提供一站式、线上解决方案财税数字化平台。</text>
			</view>
		</view>
		<view class="container-div flex-column">
			<view class="title-sty flex-center">
				<image src="/static/company/about_title2.png" mode="widthFix" style="width: 260px;"></image>
			</view>
			<view class="flex-space-between">
				<view class="item-block flex-column flex-align">
					<view class="item-image">
						<image src="/static/company/about_img2.png" mode="widthFix" style="width: 170px;"></image>
					</view>
					<view class="item-about-title">
						<text>团队文化</text>
					</view>
					<view class="item-content">
						<text>踏实做人、认真做事、实现自我价值</text>
					</view>
				</view>
				<view class="item-block flex-column flex-align">
					<view class="item-image">
						<image src="/static/company/about_img3.png" mode="widthFix" style="width: 170px;"></image>
					</view>
					<view class="item-about-title">
						<text>经营理念</text>
					</view>
					<view class="item-content">
						<text>诚信、责任、双赢、合作、创新</text>
					</view>
				</view>
				<view class="item-block flex-column flex-align">
					<view class="item-image">
						<image src="/static/company/about_img4.png" mode="widthFix" style="width: 170px;"></image>
					</view>
					<view class="item-about-title">
						<text>企业愿景</text>
					</view>
					<view class="item-content">
						<text>做中国企业最需要的信息化领导厂商</text>
					</view>
				</view>
				<view class="item-block flex-column flex-align">
					<view class="item-image">
						<image src="/static/company/about_img5.png" mode="widthFix" style="width: 170px;"></image>
					</view>
					<view class="item-about-title">
						<text>企业使命</text>
					</view>
					<view class="item-content">
						<text>改善和引领企业信息化创新和变革</text>
					</view>
				</view>
			</view>
		</view>
		<view class="container-bg">
			<view class="container-div flex-column">
				<view class="title-sty flex-center">
					<image src="/static/company/about_title3.png" mode="widthFix" style="width: 260px;"></image>
				</view>
				<view class="flex-space-around container-item">
					<view class="item-sty flex-column flex-center">
						<view class="item-padding">
							<view class="item-title">
								<text>企业价值来源于客户成功</text>
							</view>
							<view class="item-title-x">
								<text>
									ENTERPRISE VALUE COMES FROM
									CUSTOMER SUCCESS
								</text>
							</view>
							<view class="item-title-fu">
								<text>禾数科技通过专业化的客户服务培训体系，不遗余力地提升全体员工服务意识。依托不断优化的服务流程，本着“企业价值来源于客户成功”的服务理念，为众多客户提供长期持续服务，客户二次签单率超过95%，禾数科技也以99%以上的平均客户满意度赢得客户的认可，进而推动了公司业务的快速稳定增长。
								</text>
							</view>
						</view>
					</view>
					<view class="item-sty">
						<image src="/static/company/about_img6.png" mode="widthFix" style="width: 540px;"></image>
					</view>
				</view>
			</view>
		</view>
		<!-- <view class="container-div flex-column">
			<view class="title-sty flex-center">
				<image src="/static/company/about_title4.png" mode="widthFix" style="width: 260px;"></image>
			</view>
			<view class="flex-center">
				<image src="/static/company/about_img7.png" mode="widthFix" style="width: 1200px;"></image>
			</view>
		</view> -->
		<foot-bar></foot-bar>
		<right-btn></right-btn>
	</view>
</template>

<script>
	import footBar from "@/pages/bottom/foot-bar.vue"
	import rightBtn from "@/pages/right/right-btn.vue"
	export default {
		components: {
			footBar,
			rightBtn
		},
		data() {
			return {

			}
		},
		onLoad(params) {

		},
		onPageScroll(res) {
			uni.$emit('onPageScroll', res.scrollTop);
		},
		methods: {
			// 注册
			onRegister() {
				uni.navigateTo({
					url: '/pages/html'
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.banner-container {
		width: 100%;
		height: 600px;
		background-color: #F2F5FB;
		display: flex;
	}

	.banner-item {
		width: 50%;
		height: 600px;
		display: flex;
		align-items: center;
	}

	.im-title {
		text {
			font-size: 46px;
			color: #101010;
		}
	}

	.im-title-fu {
		width: 400px;
		margin-top: 20px;

		text {
			font-size: 18px;
			color: #5a5a5a;
		}
	}

	.im-btn {
		width: 120px;
		height: 38px;
		margin-top: 60px;
		display: flex;
		justify-content: center;
		align-items: center;

		text {
			color: #fff;
		}

		background-color: $maincolor;
		border-radius: 20px;
		cursor: pointer;
	}

	.im-btn:hover {
		background-color: #2999FBBF;
	}

	.container-item {
		padding: 30px 0;
	}

	.item-sty {
		width: 50%;
	}

	.item-padding {
		padding: 0 130px;
	}

	.item-title {
		text {
			font-size: 36px;
			color: #f29e1c;
			font-weight: bold;
		}
	}

	.item-title-x {
		text {
			font-size: 16px;
			line-height: 20px;
			color: #ccc;
			text-transform: uppercase; // 英文转换为大写
		}
	}

	.item-title-fu {
		margin-top: 20px;
		text-indent: 30px;

		text {
			font-size: 15px;
			color: #666666;
			font-weight: lighter;
		}
	}

	.container-bg {
		width: 100%;
		background-color: #F2F5FB;
		display: flex;
	}



	.container-title {
		width: 100%;
		height: 200px;
		display: flex;
		justify-content: center;
		align-items: center;

		text {
			font-size: 36px;
		}
	}

	.safety-container {
		width: 100%;
		height: 526px;
		display: flex;
	}

	.safety-item {
		width: 50%;
		height: 526px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.safety-right {
		width: 420px;
		margin-left: 100px;
	}

	.safety-radius {
		width: 10px;
		height: 10px;
		border-radius: 50%;
	}

	.safety-title {
		margin-left: 20px;

		text {
			font-size: 22px;
			color: #333333;
		}
	}

	.safety-title-fu {
		margin-left: 30px;
		margin-top: 5px;
		line-height: 20px;

		text {
			font-size: 16px;
			color: #666666;
		}
	}

	.deploy-container {
		width: 100%;
		padding: 0 60px;
		height: 491px;
		background-color: #F9FAFC;
		border-radius: 40px;
		display: flex;
	}

	.deploy-item {
		width: 180px;
		height: 400px;
		margin: 40px 0;
	}

	.deploy-title {
		margin-top: -80px;
		line-height: 30px;

		text {
			font-size: 24px;
			color: #333333;
		}
	}

	.deploy-title-fu {
		margin-top: 30px;

		text {
			font-size: 18px;
			color: #666666;
		}
	}

	.title-sty {
		width: 100%;
		padding-top: 80px;
		padding-bottom: 40px;
	}

	.content-sty {
		margin: 0 200px;
		text-indent: 30px;

		text {
			color: #666666;
		}

	}

	.item-block {
		width: 300px;
		height: 300px;
		margin-bottom: 60px;
	}

	.item-image {
		width: 180px;
		height: 180px;
		border-radius: 50%;
		border: 1px dashed #B9BABA;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.item-about-title {
		margin-top: 30px;

		text {
			font-size: 18px;
			color: #333333;
		}
	}

	.item-content {
		text {
			font-size: 15px;
			color: #666666;
		}
	}
</style>